<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Simple jsp page</title></head>
<script type="text/javascript">
    $(document).ready(function() {
    	
    	$.getJSON('/message/getCountOfUnreadMessages', function(data) {
  			if (data!=null && data>0) {
  			   		$("#myMessages").append("<b>(" + data + ")</b>");
  			}
    	});
    	
        //$("a, input:button, input:submit").button();
    })
</script>
<body>
<table align="left">
    <tr>
        <td>
            <a style="width:100%" href="/homepage">My page</a>
        </td>
    </tr>
    <tr>
        <td>
            <a style="width:100%" href="/worksPage">Works</a>
        </td>
    </tr>
    <tr>
        <td>
            <a id="myMessages" style="width:100%" href="/message/showMessages">My messages</a>
        </td>
    </tr>
    <tr>
        <td>
            <a id="workers" style="width:100%" href="/worker/listOfWorkers">Workers</a>
        </td>
    </tr>
    <tr>
        <td>
            <a id="employers" style="width:100%" href="/employer/listOfEmployers">Employers</a>
        </td>
    </tr>
    <tr>
        <td>
            <a id="likes" style="width:100%" href="/getLikelist">Likelist</a>
        </td>
    </tr>
</table>


</body>
</html>